<!doctype html>
<html lang="zh-CN">
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <meta name="referrer" content="no-referrer-when-downgrade">
    

    <title>《Dart_VM的相关简介与运行模式解析》 | 早起的年轻人</title>
    <meta property="og:title" content="《Dart_VM的相关简介与运行模式解析》 - 早起的年轻人">
    <meta property="og:type" content="article">
        
    <meta property="article:published_time" content='2021-06-03T11:08:53&#43;08:00'>
        
        
    <meta property="article:modified_time" content='2021-06-03T11:08:53&#43;08:00'>
        
    <meta name="Keywords" content="Flutter，golang,go语言,go语言笔记,飞雪无情,java,android,博客,项目管理,python,软件架构,公众号,小程序">
    <meta name="description" content="《Dart_VM的相关简介与运行模式解析》">
        
    <meta name="author" content="luckly">
    <meta property="og:url" content="https://luckly.work/post/dart/Dart_VM%E7%9A%84%E7%9B%B8%E5%85%B3%E7%AE%80%E4%BB%8B%E4%B8%8E%E8%BF%90%E8%A1%8C%E6%A8%A1%E5%BC%8F%E8%A7%A3%E6%9E%90/">
    <link rel="shortcut icon" href='/favicon.ico'  type="image/x-icon">

    <link rel="stylesheet" href='/css/normalize.css'>
    <link rel="stylesheet" href='/css/style.css'>
    <script type="text/javascript" src="//cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    
    
    
        <link href="https://cdn.bootcdn.net/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" rel="stylesheet">
    
    
    
    
        <link rel="stylesheet" href='/css/douban.css'>
    
        <link rel="stylesheet" href='/css/other.css'>
    
</head>

<link rel="stylesheet"
      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/highlight.min.js"></script>
<body>
    <header id="header" class="clearfix">
    <div class="container">
        <div class="col-group">
            <div class="site-name ">
                
                    <a id="logo" href="https://luckly.work/">
                        早起的年轻人
                    </a>
                
                <p class="description">专注于Flutter、Android、Java、Go语言(golang)、移动互联网、项目管理、软件架构</p>
            </div>
            <div>
                <nav id="nav-menu" class="clearfix">
                    <a class="current" href="https://luckly.work/">首页</a>
                    
                    <a  href="https://luckly.work/categories/" title="分类">分类</a>
                    
                    <a  href="https://luckly.work/tags/" title="标签">标签</a>
                    
                    <a  href="https://luckly.work/archives/" title="归档">归档</a>
                    
                    <a  href="https://luckly.work/about/" title="关于我">关于我</a>
                    
                    <a  href="https://github.com/ITmxs/" title="github">github</a>
                    
                </nav>
            </div>
        </div>
    </div>
</header>

    <div id="body">
        <div class="container">
            <div class="col-group">

                <div class="col-8" id="main">
                    
<div class="res-cons">
    <style type="text/css">
    .post-toc {
        position: fixed;
        width: 200px;
        margin-left: -210px;
        padding: 5px 10px;
        font-family: Athelas, STHeiti, Microsoft Yahei, serif;
        font-size: 12px;
        border: 1px solid rgba(0, 0, 0, .07);
        border-radius: 5px;
        background-color: rgba(255, 255, 255, 0.98);
        background-clip: padding-box;
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .125);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, .125);
        word-wrap: break-word;
        white-space: nowrap;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 999;
        cursor: pointer;
        max-height: 70%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .post-toc .post-toc-title {
        width: 100%;
        margin: 0 auto;
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase;
        text-align: center;
    }

    .post-toc .post-toc-content {
        font-size: 15px;
    }

    .post-toc .post-toc-content>nav>ul {
        margin: 10px 0;
    }

    .post-toc .post-toc-content ul {
        padding-left: 20px;
        list-style: square;
        margin: 0.5em;
        line-height: 1.8em;
    }

    .post-toc .post-toc-content ul ul {
        padding-left: 15px;
        display: none;
    }

    @media print,
    screen and (max-width:1057px) {
        .post-toc {
            display: none;
        }
    }
</style>
<div class="post-toc" style="position: absolute; top: 188px;">
    <h2 class="post-toc-title">文章目录</h2>
    <div class="post-toc-content">
        <nav id="TableOfContents">
  <ul>
    <li><a href="#dart-vm-如何运行你的代码">Dart VM 如何运行你的代码？</a></li>
    <li><a href="#通过-jit-运行源代码">通过 JIT 运行源代码</a></li>
    <li><a href="#从快照运行">从快照运行</a></li>
    <li><a href="#从-appjit-快照运行">从 AppJIT 快照运行</a></li>
    <li><a href="#从-appaot-快照运行">从 AppAOT 快照运行</a></li>
    <li><a href="#可切换调用">可切换调用</a></li>
  </ul>
</nav>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        var postToc = $(".post-toc");
        if (postToc.length) {
            var leftPos = $("#main").offset().left;
            if(leftPos<220){
                postToc.css({"width":leftPos-10,"margin-left":(0-leftPos)})
            }

            var t = postToc.offset().top - 20,
                a = {
                    start: {
                        position: "absolute",
                        top: t
                    },
                    process: {
                        position: "fixed",
                        top: 20
                    },
                };
            $(window).scroll(function () {
                var e = $(window).scrollTop();
                e < t ? postToc.css(a.start) : postToc.css(a.process)
            })
        }
    })
</script>
    <article class="post">
        <header>
            <h1 class="post-title">《Dart_VM的相关简介与运行模式解析》</h1>
        </header>
        <date class="post-meta meta-date">
            2021年6月3日
        </date>
        
        <div class="post-meta">
            <span>|</span>
            
            <span class="meta-category"><a href='/categories/Flutter'>Flutter</a></span>
            
            <span class="meta-category"><a href='/categories/dart'>dart</a></span>
            
        </div>
        
        
        <div class="post-meta">
            <span id="busuanzi_container_page_pv">|<span id="busuanzi_value_page_pv"></span><span>
                    阅读</span></span>
        </div>
        
        
        <div class="clear" style="display: none">
            <div class="toc-article">
                <div class="toc-title">文章目录</div>
            </div>
        </div>
        
        <div class="post-content">
            <blockquote>
<p>本文主要介绍本地执行 Dart 代码的组件集合Dart VM</p>
</blockquote>
<blockquote>
<p><a href="https://mrale.ph/">https://mrale.ph/</a></p>
<p>原文链接：https://mrale.ph/dartvm/</p>
<p>PS：内容比较繁杂，请酌情观看</p>
</blockquote>
<p>Dart VM 是用于本地执行 Dart 代码的组件集合，它主要包括以下内容：</p>
<ul>
<li>
<p>运行时系统</p>
</li>
<li>
<ul>
<li>对象模型</li>
<li>垃圾收集</li>
<li>快照</li>
</ul>
</li>
<li>
<p>核心库的 native 方法</p>
</li>
<li>
<p>可以通过 service protocol 访问的组件：调试 * 分析 * 热重载</p>
</li>
<li>
<p>即时 (JIT) 和提前 (AOT) 编译管道</p>
</li>
<li>
<p>Interpreter</p>
</li>
<li>
<p>ARM模拟器</p>
</li>
</ul>
<p>Dart VM 从某种意义上说是一个虚拟机，它为高级编程语言提供了一个执行环境，<strong>「但这并不意味着 Dart 在 Dart VM 上执行时总是需要被解释或 JIT 编译的」</strong>。</p>
<p>例如可以使用 Dart VM AOT 将 Dart 代码编译成机器代码，然后在 Dart VM 的裁剪版本中执行，这被称为预编译运行时，它不包含任何编译器组件，无法动态加载 Dart 源代码。</p>
<h2 id="dart-vm-如何运行你的代码">Dart VM 如何运行你的代码？</h2>
<p>Dart VM 有多种执行代码的方式，例如：</p>
<ul>
<li>
<p>使用源代码或内核二进制文件的 JIT 模式；</p>
</li>
<li>
<p>使用快照：</p>
</li>
<li>
<ul>
<li>来自 AOT 快照；</li>
<li>来自 AppJIT 快照；</li>
</ul>
</li>
</ul>
<p>然而它们之间的主要区别在于： <strong>「VM “何时”以及“如何”将 Dart 源代码转换为可执行代码」</strong>，然后保证执行的运行时环境保持不变。</p>
<p>
        <a data-fancybox="gallery" href="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt9689vIg63k7WHqicrwcD21Odo3X72HBpMqQc0YbESicA8QQccic4WYErcz9Q/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1">
            <img class="mx-auto" alt="图片" src="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt9689vIg63k7WHqicrwcD21Odo3X72HBpMqQc0YbESicA8QQccic4WYErcz9Q/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" />
        </a>
    </p>
<p>VM 中的任何 Dart 代码都在某个 <code>isolate</code> 中运行，可以将其描述为：<strong>「具有自己的内存(堆)并且通常具有自己的控制线程(mutator 线程)的 Dart 隔离宇宙」</strong>。</p>
<p>VM 可以有许多 <code>isolate</code> 同时执行 Dart 代码，但它们不能直接共享任何状态，只能通过端口传递消息进行通信(不要与网络端口混淆！)。</p>
<p>这里的 OS 线程和 <code>isolate</code> 之间的关系有点模糊，并且高度依赖于虚拟机嵌入到应用程序的方式，但是主要需要保证以下内容：</p>
<ul>
<li>一个 OS 线程一次只能进入一个 <code>isolate</code> ，如果它想进入另一个 <code>isolate</code>，它必须离开当前 <code>isolate</code>；</li>
<li>一次只能有一个与 <code>isolate</code> 相关联的 Mutator 线程，Mutator 线程是执行 Dart 代码并使用 VM 的公共 C API 的线程。</li>
</ul>
<p>然而同一个 OS 线程可以先进入一个 <code>isolate</code> 执行 Dart 代码，然后离开这个 <code>isolate</code> 并进入另一个 <code>isolate</code> 继续执行；或者有许多不同的 OS 线程进入一个 <code>isolate</code> 并在其中执行 Dart 代码，只是不会同时发生。</p>
<p>当然，除了单个 Mutator 线程之外，<code>isolate</code> 还可以关联多个辅助线程，例如：</p>
<ul>
<li>一个后台 JIT 编译器线程；</li>
<li>GC sweeper 现场；</li>
<li>并发 GC marker 线程；</li>
</ul>
<p>VM 在内部使用线程池 (<code>dart::ThreadPool</code>) 来管理 OS 线程，并且代码是围绕 <code>dart::ThreadPool::Task</code> 概念而不是围绕 OS 线程的概念构建的。</p>
<p>例如在 GC VM 中将 <code>dart::ConcurrentSweeperTask</code> 发布到全局 VM 的线程池，而不是生成专用线程来执行后台清除，<strong>「并且线程池实现要么选择空闲线程，要么在没有可用线程时生成新线程」</strong>；类似地，<strong>「用于 <code>isolate</code> 来消息处理事件循环的默认实现实际上，并没有产生专用的事件循环线程，而是在新消息到达时将<code>dart::MessageHandlerTask</code> 发布到线程池」</strong>。</p>
<blockquote>
<p>❝</p>
<p><code>dart::Isolate</code> 类相当于一个 <code>isolate</code> ，<code>dart::Heap</code> 类相当于 <code>isolate</code> 的堆，<code>dart::Thread</code> 类描述了线程连接到 <code>isolate</code> 相关的状态。</p>
<p>请注意，该名称 <code>Thread</code>可能会让人有些困惑，因为所有 OS 线程都附加到与 Mutator 相同的 <code>isolate</code>，将重用相同的 Thread 实例。有关 <code>isolate</code> 消息处理的默认实现，请参阅 <code>Dart_RunLoop</code> 和 <code>dart::MessageHandler</code>。</p>
<p>❞</p>
</blockquote>
<h2 id="通过-jit-运行源代码">通过 JIT 运行源代码</h2>
<p>本节将介绍当从命令行执行 Dart 时会发生什么：</p>
<pre><code>// hello.dart
main() =&gt; print('Hello, World!');

$ dart hello.dart
Hello, World!
</code></pre><p><strong>「Dart 2 VM 开始不再具有从原始代码直接执行 Dart 的能力，相反 VM 希望获得包含序列化内核 AST 的内核二进制文件(也称为 dill 文件)」</strong>。将 Dart 源代码翻译成 Kernel AST 的任务是由通用前端 (CFE)处理的，CFE 是用 Dart 编写并在不同 Dart 工具上共享(例如 VM、dart2js、Dart Dev Compiler)。</p>
<p>
        <a data-fancybox="gallery" href="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968iblLicybcFcRKx9O8e4R9k7q6SB5rgz6fq0NgTHFCORJcZY9cmo8ZmWg/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1">
            <img class="mx-auto" alt="图片" src="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968iblLicybcFcRKx9O8e4R9k7q6SB5rgz6fq0NgTHFCORJcZY9cmo8ZmWg/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" />
        </a>
    </p>
<p>为了保持直接从源代码执行 Dart ，这里托管一个名为 kernel service 的辅助 <code>isolate</code>，它处理将 Dart 源代码编译到内核中，然后 VM 运行生成的内核二进制文件。</p>
<p>
        <a data-fancybox="gallery" href="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968g99LLKfZaWbcJicKMH5MIdD89WkB494ib3hxaJRicD31XlauggxwsTSrg/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1">
            <img class="mx-auto" alt="图片" src="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968g99LLKfZaWbcJicKMH5MIdD89WkB494ib3hxaJRicD31XlauggxwsTSrg/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" />
        </a>
    </p>
<p>然而这种设置并不是 CFE 和 VM 运行 Dart 代码的唯一方法，例如 <strong>「Flutter 是将编译到 Kernel 的过程和从 Kernel 执行的过程完全分离」</strong>，并将它们放在不同的设备上实现：编译发生在开发者机器(主机)上，执行在目标移动设备上处理，目标移动设备接收由 flutter 工具发送给它的内核二进制文件。</p>
<p>
        <a data-fancybox="gallery" href="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968fcic7jMgVH3b50vKrPH3PPoxfumQWQWg10MEfY01LSBCvdic2v4UGu0g/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1">
            <img class="mx-auto" alt="图片" src="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968fcic7jMgVH3b50vKrPH3PPoxfumQWQWg10MEfY01LSBCvdic2v4UGu0g/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" />
        </a>
    </p>
<p>这里需要注意，该 Flutter 工具不处理 Dart 本身的解析， 相反它会生成另一个持久进程 <code>frontend_server</code>，它本质上是围绕 CFE 和一些 Flutter 特定的 Kernel-to-Kernel 转换的封装。</p>
<p><code>frontend_server</code> 将 Dart 源代码编译为内核文件， 然后 flutter 将其发送到设备， 当开发人员请求热重载时 <code>frontend_server</code> 开始发挥作用：在这种情况下 <code>frontend_server</code> 可以重用先前编译中的 CFE 状态，并重新编译实际更改的库。</p>
<p><strong>「一旦内核二进制文件加载到 VM 中，它就会被解析以创建代表各种程序实体的对象，然而这个过程是惰性完成的」</strong>：首先只加载关于库和类的基本信息，源自内核二进制文件的每个实体都保留一个指向二进制文件的指针，以便以后可以根据需要加载更多信息。</p>
<p>
        <a data-fancybox="gallery" href="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968kRVfURlCiaAHZjaLv9grs0DyUvicY83JSRiapOmSDvPia2frJXBRDic39Lg/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1">
            <img class="mx-auto" alt="图片" src="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968kRVfURlCiaAHZjaLv9grs0DyUvicY83JSRiapOmSDvPia2frJXBRDic39Lg/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" />
        </a>
    </p>
<blockquote>
<p>❝</p>
<p>每当我们引用 VM 内部分配的对象时，我们都会使用 Untagged 前缀，因为这遵循了 VM 自己的命名约定：内部 VM 对象的布局由 C++ 类定义，名称以 Untagged头文件 <code>runtime/vm/raw_object.h</code> 开头。例如 <code>dart::UntaggedClass</code> 是描述一个 Dart 类 VM 对象， <code>dart::UntaggedField</code> 是一个 VM 对象</p>
<p>❞</p>
</blockquote>
<p><strong>「只有在运行时需要它时(例如查找类成员、分配实例等)，有关类的信息才会完全反序列化」</strong>，在这个阶段，类成员会从内核二进制文件中读取，然而在此阶段不会反序列化完整的函数体，只会反序列化它们的签名。</p>
<p>
        <a data-fancybox="gallery" href="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968eTkWnwJibsiaEubKC9sbEyGM7MsVR3xnlxveZUMSSk2Ribwk1WU0zicZzg/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1">
            <img class="mx-auto" alt="图片" src="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968eTkWnwJibsiaEubKC9sbEyGM7MsVR3xnlxveZUMSSk2Ribwk1WU0zicZzg/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" />
        </a>
    </p>
<p>此时 methods 在运行时可以被成功解析和调用，因为已经从内核二进制文件加载了足够的信息，例如它可以解析和调用 <code>main</code> 库中的函数。</p>
<blockquote>
<p>❝</p>
<p><code>package:kernel/ast.dart</code> 定义了描述内核 AST 的类； <code>package:front_end</code>处理解析 Dart 源代码并从中构建内核 AST。<code>dart::kernel::KernelLoader::LoadEntireProgram是</code> 将内核 AST 反序列化为相应 VM 对象的入口点；<code>pkg/vm/bin/kernel_service.dart</code> 实现了内核服务隔离，<code>runtime/vm/kernel_isolate.cc</code> 将 Dart 实现粘合到 VM 的其余部分； <code>package:vm</code> 承载大多数基于内核的 VM 特定功能，例如各种内核到内核的转换；由于历史原因一些特定于 VM 的转换仍然存在于 <code>package:kernel</code> 中。</p>
<p>❞</p>
</blockquote>
<p>最初所有的函数都会有一个占位符，而不是它们的主体的实际可执行代码：它们指向 <code>LazyCompileStub</code>，它只是要求运行时系统为当前函数生成可执行代码，然后 <code>tail-calls</code> 这个新生成的代码。</p>
<p>
        <a data-fancybox="gallery" href="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968TsbpgB2YkiaUou8KHHcKiaibEB5O1NQibvcHqsZ4thpNpG3TU8gzjOX5xQ/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1">
            <img class="mx-auto" alt="图片" src="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968TsbpgB2YkiaUou8KHHcKiaibEB5O1NQibvcHqsZ4thpNpG3TU8gzjOX5xQ/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" />
        </a>
    </p>
<p>第一次编译函数时，是通过未优化编译器完成的。</p>
<p>
        <a data-fancybox="gallery" href="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968HaHYIzoHZwSB09ogxgKTXNjAcvRbyFcfwG0Nt2LrEc6Uq5IjYE5NuA/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1">
            <img class="mx-auto" alt="图片" src="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968HaHYIzoHZwSB09ogxgKTXNjAcvRbyFcfwG0Nt2LrEc6Uq5IjYE5NuA/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" />
        </a>
    </p>
<p>未优化编译器分两遍生成机器代码：</p>
<ul>
<li>1、<strong>「遍历函数体的序列化 AST 以生成函数体的控制流图( CFG )，CFG 由填充有中间语言( IL ) 指令的基本块组成」</strong>。在此阶段使用的 IL 指令类似于基于堆栈的虚拟机的指令：它们从堆栈中获取操作数，执行操作，然后将结果推送到同一堆栈。</li>
</ul>
<blockquote>
<p>❝</p>
<p>实际上并非所有函数都具有实际的 Dart / Kernel AST 主体，例如在 C++ 中定义的本地函数或由 Dart VM 生成的人工 <code>tear-off</code> 函数，在这些情况下，IL 只是凭空创建，而不是从内核 AST 生成。</p>
<p>❞</p>
</blockquote>
<ul>
<li>2、生成的 CFG 使用一对多的底层 IL 指令直接编译为机器代码：每个 IL 指令扩展为多个机器语言指令。</li>
</ul>
<p>在此阶段没有执行任何优化，未优化编译器的主要目标是快速生成可执行代码。</p>
<p>这也意味着：<strong>「未优化的编译器不会尝试静态解析内核二进制文件中未解析的任何调用」</strong>，VM 当前不使用基于虚拟表或接口表的调度，而是使用**「内联缓存」**实现动态调用。</p>
<blockquote>
<p>❝</p>
<p>内联缓存的原始实现，实际上是修补函数的 native 代码，因此得名**「内联缓存」**，内联缓存的想法可以追溯到 Smalltalk-80，请参阅 Smalltalk-80 系统的高效实现。</p>
<p>❞</p>
</blockquote>
<p><strong>「内联缓存背后的核心思想，是在特定的调用点中缓存方法解析的结果」</strong>，VM 使用的内联缓存机制包括：</p>
<ul>
<li>一个调用特定的缓存( <code>dart::UntaggedICData</code>)，它将接收者的类映射到一个方法，如果接收者是匹配的类，则应该调用该方法，缓存还存储一些辅助信息，例如调用频率计数器，用于跟踪给定类在此调用点上出现的频率；</li>
<li>一个共享查找 stub ，它实现了方法调用的快速路径。这个 stub 搜索给定的缓存，以查看它是否包含与接收者的类匹配的条目。如果找到该条目，则 stub 将增加频率计数器和 <code>tail-calls</code> 用缓存方法。否则 stub 将调用一个运行时系统助手来实现方法解析逻辑。如果方法解析成功，则缓存将被更新，后续调用将不需要进入运行时系统。</li>
</ul>
<p>如下图所示，展示了与 <code>animal.toFace()</code> 调用关联的内联缓存的结构和状态，该缓存使用 <code>Dog</code> 的实例执行了两次，使用 <code>Cat</code> 的实例执行了一次C。</p>
<p>
        <a data-fancybox="gallery" href="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968lkEWSdY7lvRjEB1Pqvmia6ysvOE8duOukgwmYAwvyiaxdibticH3gDzPmg/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1">
            <img class="mx-auto" alt="图片" src="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968lkEWSdY7lvRjEB1Pqvmia6ysvOE8duOukgwmYAwvyiaxdibticH3gDzPmg/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" />
        </a>
    </p>
<p>未优化的编译器本身足以执行任何 Dart 代码，然而它产生的代码相当慢，这就是为什么 VM 还实现了自适应优化编译管道的原因，自适应优化背后的想法是：<strong>「使用运行程序的执行配置文件来驱动优化决策」</strong>。</p>
<p>当未优化的代码运行时，它会收集以下信息：</p>
<ul>
<li>如上所述，内联缓存收集有关在调用点观察到的接收器类型的信息；</li>
<li>函数和函数内的基本块相关联的执行计数器跟踪代码的热点区域；</li>
</ul>
<p>当与函数关联的执行计数器达到一定阈值时，该函数被提交给后台优化编译器进行优化。</p>
<p>优化编译的启动方式与非优化编译的启动方式相同：<strong>「通过遍历序列化内核 AST ，为正在优化的函数构建未优化的 IL」</strong>。</p>
<p>然而不是直接将 IL 处理为机器代码，而是基于表单的优化 IL， 优化编译器继续将未优化的 IL 转换为静态单赋值(SSA) ，然后基于 SSA 的 IL 根据收集的类型反馈进行专业化的推测，并通过一系列Dart 的特定优化，例如：</p>
<ul>
<li>内联(inlining)；</li>
<li>范围分析(range analysis)；</li>
<li>类型传播( type propagation)；</li>
<li>代理选择(representation selection)；</li>
<li>存储加载和加载转发(store-to-load and load-to-load forwarding)；</li>
<li>全局值编号(global value numbering)；</li>
<li>分配下沉(,allocation sinking)等，；</li>
</ul>
<p>最后使用线性扫描寄存器和简单的一对多降低 IL 指令，将优化的 IL 转化为机器代码。</p>
<p>编译完成后，后台编译器会请求 mutator 线程进入安全点并将优化的代码附加到函数中。</p>
<blockquote>
<p>❝</p>
<p>广义上讲，当与线程相关联的状态(例如堆栈帧、堆等)一致，并且可以在不受线程本身中断的情况下访问或修改时，托管环境(虚拟机)中的线程被认为处于安全点。通常这意味着线程要么暂停，要么正在执行托管环境之外一些代码，例如运行非托管 native 代码。</p>
<p>❞</p>
</blockquote>
<p>下次调用此函数时， 它将使用优化的代码。某些函数包含非常长的运行循环，对于那些函数，在函数仍在运行时，将执行从未优化代码切换到优化代码是有意义的。</p>
<p><strong>「这个过程被称为堆栈替换( OSR )」</strong>，它的名字是因为：一个函数版本的堆栈帧被透明地替换为同一函数的另一个版本的堆栈帧。</p>
<p>
        <a data-fancybox="gallery" href="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968d9Ls86rKurHz1ibIC5Jxq8LHZJcN6I3SSenvINGDUf3wQrhhLR75AEw/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1">
            <img class="mx-auto" alt="图片" src="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968d9Ls86rKurHz1ibIC5Jxq8LHZJcN6I3SSenvINGDUf3wQrhhLR75AEw/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" />
        </a>
    </p>
<blockquote>
<p>❝</p>
<p>编译器源代码位于 <code>runtime/vm/compiler</code> 目录中；编译管道入口点是 <code>dart::CompileParsedFunctionHelper::Compile</code>；IL 在 <code>runtime/vm/compiler/backend/il.h</code> 中定义；内核到 IL 的转换从 <code>dart::kernel::StreamingFlowGraphBuilder::BuildGraph</code> 开始，该函数还处理各种人工函数的 IL 构建；当 <code>InlineCacheMissHandler</code> 处理 IC 的未命中，<code>dart::compiler::StubCodeCompiler::GenerateNArgsCheckInlineCacheStub</code> 为内联缓存存根生成机器代码； <code>runtime/vm/compiler/compiler_pass.cc</code> 定义了优化编译器传递及其顺序； <code>dart::JitCallSpecializer</code> 大多数基于类型反馈的专业化。</p>
<p>❞</p>
</blockquote>
<p>需要强调的是，优化编译器生成的代码，是在基于应用程序执行配置文件的专业推测下假设的。</p>
<p>例如，一个动态调用点只观察到一个 <code>C</code> 类的实例作为一个接收方，它将被转换成一个可以直接调用的对象，并通过检查来验证接收方是否有一个预期的 <code>C</code> 类。然而这些假设可能会在程序执行期间被违反：</p>
<pre><code>void printAnimal(obj) {
  print('Animal {');
  print('  ${obj.toString()}');
  print('}');
}

// Call printAnimal(...) a lot of times with an intance of Cat.
// As a result printAnimal(...) will be optimized under the
// assumption that obj is always a Cat.
for (var i = 0; i &lt; 50000; i++)
  printAnimal(Cat());

// Now call printAnimal(...) with a Dog - optimized version
// can not handle such an object, because it was
// compiled under assumption that obj is always a Cat.
// This leads to deoptimization.
printAnimal(Dog());
</code></pre><p>每当代码正在做一些假设性优化时，它可能会在执行过程中被违反，所以它需要保证当出现违反假设的情况下，可以恢复原本的执行。</p>
<p>这个恢复过程又被称为去优化：当优化版本遇到它无法处理的情况时，它只是将执行转移到未优化函数的匹配点，并在那里继续执行，函数的未优化版本不做任何假设，可以处理所有可能的输入。</p>
<p>VM 通常在去优化后丢弃函数的优化版本，而之后再次重新优化它时，会 使用更新的类型反馈。</p>
<p>VM 有两种方式保护编译器做出的推测性假设：</p>
<ul>
<li>内联检查(例如CheckSmi，CheckClassIL 指令)验证假设在编译器做出此假设的使用站点是否成立。例如将动态调用转换为直接调用时，编译器会在直接调用之前添加这些检查。</li>
<li>Global guards 会运行时丢弃优化代码，当依赖的内容变化时。例如优化编译器可能会观察到某个 <code>C</code> 类从未被扩展，并在类型传播过程中使用此信息。然而随后的动态代码加载或类终结可能会引入一个子类 C。此时运行时需要查找并丢弃在 <code>C</code> 没有子类的假设下编译的所有优化代码。运行时可能会在执行堆栈上找到一些现在无效的优化代码，在这种情况下受影响的帧将被标记为“去优化”，并在执行返回时取消优化。<strong>「这种去优化被称为惰性去优化: 因为它被延迟执行，直到控制返回到优化的代码」</strong>。</li>
</ul>
<blockquote>
<p>❝</p>
<p>去优化器机制在 <code>runtime/vm/deopt_instructions.cc</code> 中，它本质上是一个解优化指令的微型解释器，它描述了如何从优化代码的状态，重建未优化代码的所需状态。去优化指令由 <code>dart::CompilerDeoptInfo::CreateDeoptInfo</code> 在编译期间针对优化代码中的每个潜在&quot;去优化&quot;位置生成。</p>
<p>❞</p>
</blockquote>
<h2 id="从快照运行">从快照运行</h2>
<p>VM 能够将 <code>isolate</code> 的堆，或位于堆中的更精确地序列化对象的图称为二进制快照，然后可以使用快照在启动 VM isolates 时重新创建相同的状态。</p>
<p>
        <a data-fancybox="gallery" href="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt9683nlLMrYbYHOXqaPuIYsEiblib8jcia0iclLVZVUN96d8DfGibKFNpGwSqIA/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1">
            <img class="mx-auto" alt="图片" src="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt9683nlLMrYbYHOXqaPuIYsEiblib8jcia0iclLVZVUN96d8DfGibKFNpGwSqIA/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" />
        </a>
    </p>
<p>快照的格式是底层的，并且针对快速启动进行了优化：<strong>「它本质上是一个要创建的对象列表以及有关如何将它们连接在一起的说明」</strong>。</p>
<p>快照背后的最初想法：VM 无需解析 Dart 源和逐步创建内部 VM 数据结构，而是可以将所有必要的数据结构从快照中快速解包出来，然后进行 <code>isolate</code> up。</p>
<blockquote>
<p>❝</p>
<p>快照的想法源于 Smalltalk 图像，而后者又受到 Alan Kay 的硕士论文的启发。Dart VM 使用集群序列化格式，这类似于 《Parcels: a Fast and Feature-Rich Binary Deployment Technology》和《Clustered serialization with Fuel》论文中描述的技术。</p>
<p>❞</p>
</blockquote>
<p>最初快照不包括机器代码，但是后来在开发 AOT 编译器时添加了此功能。开发 AOT 编译器和带有代码的快照的动机：<strong>「是为了允许在由于平台级别限制而无法进行 JIT 的平台上使用 VM」</strong>。</p>
<p>带有代码的快照的工作方式几乎与普通快照相同，但有细微差别：它们包含一个代码部分，这部分与快照的其余部分不同，它不需要反序列化，此代码部分的放置方式允许它在映射到内存后直接成为堆的一部分。</p>
<p>
        <a data-fancybox="gallery" href="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968aRChORVSwQUGYqUw3c7hXgf5HWyA7lCzY4RUFd6kXBZtCab1gXxEwA/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1">
            <img class="mx-auto" alt="图片" src="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968aRChORVSwQUGYqUw3c7hXgf5HWyA7lCzY4RUFd6kXBZtCab1gXxEwA/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" />
        </a>
    </p>
<blockquote>
<p>❝</p>
<p><code>runtime/vm/clustered_snapshot.cc</code> 处理快照的序列化和反序列化；API 函数 <code>Dart_CreateXyzSnapshot[AsAssembly]</code> 负责写出堆的快照(例如<code>Dart_CreateAppJITSnapshotAsBlobs</code> 和 <code>Dart_CreateAppAOTSnapshotAssembly</code> )； <code>Dart_CreateIsolateGroup</code> 可选择获取快照数据以启动 <code>isolate</code>。</p>
<p>❞</p>
</blockquote>
<h2 id="从-appjit-快照运行">从 AppJIT 快照运行</h2>
<p><strong>「引入 AppJIT 快照是为了减少大型 Dart 应用程序的 JIT 预热时间」</strong>，例如 <code>dartanalyzer</code> 或 <code>dart2js</code>。当这些工具用于小型项目时，它们花在实际工作上的时间与 VM 花在 JIT 编译这些应用程序上的时间一样多。</p>
<p>AppJIT 快照可以解决这个问题：可以使用一些模拟训练数据在 VM 上运行应用程序，然后将所有生成的代码和 VM 内部数据结构序列化为 AppJIT 快照，然后分发此快照，而不是以源(或内核二进制)形式分发应用程序。</p>
<p>从这个快照开始的 VM 仍然可以 JIT。</p>
<p>
        <a data-fancybox="gallery" href="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968aRChORVSwQUGYqUw3c7hXgf5HWyA7lCzY4RUFd6kXBZtCab1gXxEwA/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1">
            <img class="mx-auto" alt="图片" src="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968aRChORVSwQUGYqUw3c7hXgf5HWyA7lCzY4RUFd6kXBZtCab1gXxEwA/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" />
        </a>
    </p>
<h2 id="从-appaot-快照运行">从 AppAOT 快照运行</h2>
<p>AOT 快照最初是为无法进行 JIT 编译的平台引入的，但它们也可用于快速启动和更低性能损失的情况。</p>
<p>关于 JIT 和 AOT 的性能特征比较通常存在很多混淆的概念：</p>
<ul>
<li>JIT 可以访问正在运行的应用程序的本地类型信息和执行配置文件，但是它必须为预热付出代价；</li>
<li>AOT 可以在全局范围内推断和证明各种属性(为此它必须支付编译时间)，没有关于程序实际执行方式的信息， 但 AOT 编译代码几乎立即达到其峰值性能，几乎没有任何预热.</li>
</ul>
<blockquote>
<p>❝</p>
<p>目前 Dart VM JIT 的峰值性能最好，而 Dart VM AOT 的启动时间最好。</p>
<p>❞</p>
</blockquote>
<p>无法进行 JIT 意味着：</p>
<ul>
<li>1、AOT 快照必须包含可以在应用程序执行期间调用的每个函数的可执行代码；</li>
<li>2、可执行代码不得依赖任何可能在执行过程中会被违反的推测性假设；</li>
</ul>
<p>为了满足这些要求，AOT 编译过程会进行全局静态分析(类型流分析或TFA)，以确定应用程序的哪些部分可以从已知的入口点集合、分配哪些类的实例，以及类型如何在程序运转。</p>
<p>所有这些分析都是保守的：意味着它们在没办法和 JIT 一样执行更多的优化执行，因为它总是可以反优化为未优化的代码以实现正确的行为。</p>
<p>所有可能用到的函数都会被编译为本机代码，无需任何推测优化，而类型流信息仍然用专门代码处理(例如去虚拟化调用)。</p>
<p>编译完所有函数后，就可以拍摄堆的快照，然后就可以使用预编译运行时运行生成的快照，这是 Dart VM 的一种特殊变体，它不包括 JIT 和动态代码加载工具等组件。</p>
<p>
        <a data-fancybox="gallery" href="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968xaHzzTtdyygHqPQgHr9HuUuFn4urZL0F1ViatRwR4zmIaScYuVMl8pA/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1">
            <img class="mx-auto" alt="图片" src="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968xaHzzTtdyygHqPQgHr9HuUuFn4urZL0F1ViatRwR4zmIaScYuVMl8pA/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" />
        </a>
    </p>
<blockquote>
<p>❝</p>
<p><code>package:vm/transformations/type_flow/transformer.dart</code> 是基于 TFA 结果的类型流分析和转换的入口点；<code>dart::Precompiler::DoCompileAll</code> 是 VM 中 AOT 编译循环的入口点。</p>
<p>❞</p>
</blockquote>
<h2 id="可切换调用">可切换调用</h2>
<p>即使进行了全局和局部分析，AOT 编译代码仍可能包含无法去虚拟化的调用(意味着它们无法静态解析)。为了补偿这种 AOT 编译代码，运行时使用 JIT 中的内联缓存技术扩展，此扩展版本称为 <code>switchable calls</code>。</p>
<p>JIT 部分已经描述了与调用点关联的每个内联缓存由两部分组成：</p>
<ul>
<li>缓存对象(由 <code>dart::UntaggedICData</code> 实例表示);</li>
<li>要调用的本地代码块(例如 <code>InlineCacheStub</code>);</li>
</ul>
<p>在 JIT 模式下，运行时只会更新缓存本身，但是在 AOT 运行时可以根据内联缓存的状态选择替换缓存和要调用的本机代码。</p>
<p>
        <a data-fancybox="gallery" href="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968rMsulRPibKs6O0XT1oicAhokicVpVjGpBZCgia1eVkwribs5nVQPJtYkKLQ/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1">
            <img class="mx-auto" alt="图片" src="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968rMsulRPibKs6O0XT1oicAhokicVpVjGpBZCgia1eVkwribs5nVQPJtYkKLQ/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" />
        </a>
    </p>
<p>最初所有动态调用都以未链接状态开始，当达到第一次调用点 <code>SwitchableCallMissStub</code> 被调用时，它只是调用到运行帮手 <code>DRT_SwitchableCallMiss</code> 链接该调用位置。</p>
<p>之后 <code>DRT_SwitchableCallMiss</code> 会尝试将呼叫点转换为单态状态，在这种状态下调用点变成了直接调用，它通过一个特殊的入口点进入方法，该入口点验证接收者是否具有预期的类。</p>
<p>
        <a data-fancybox="gallery" href="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968FW6dBj3xeiaXFjrJvwJUevT8xyyLakN5Uam9kpOoOa6F29mCORV634g/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1">
            <img class="mx-auto" alt="图片" src="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968FW6dBj3xeiaXFjrJvwJUevT8xyyLakN5Uam9kpOoOa6F29mCORV634g/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" />
        </a>
    </p>
<p>在上面的示例中，我们假设 <code>obj.method()</code> 第一次执行的实例是 <code>C</code>， 并 <code>obj.method</code> 解析为 <code>C.method</code>。</p>
<p>下次我们执行相同的调用点时，它将 <code>C.method</code> 直接调用，绕过任何类型的方法查找过程。</p>
<p>但是它会将 <code>C.method</code> 通过一个特殊的入口点进入，这将验证它 <code>obj</code> 仍然是 <code>C</code>， 如果不是这种情况，将调用 <code>DRT_SwitchableCallMiss</code> 并尝试选择下一个呼叫点状态。</p>
<p><code>C.method</code> 可能仍然是调用的有效目标，例如 <code>obj</code> 是 D <code>extends</code> C ， 但不覆盖的类的实例 <code>C.method</code>，在这种情况下，我们会检查调用点是否可以转换为单个目标状态，由 <code>SingleTargetCallStub</code> 实现(另见 <code>dart::UntaggedSingleTargetCache</code>)。</p>
<p>
        <a data-fancybox="gallery" href="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968ogicR7AgmQpp6CoVm0KKiagwS5LXd7snuTRKpDH9TuFC4ds0gvbDERmQ/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1">
            <img class="mx-auto" alt="图片" src="https://mmbiz.qpic.cn/sz_mmbiz_png/j9CXw3c38v6Lqw7mkwmkfib9WmbMgt968ogicR7AgmQpp6CoVm0KKiagwS5LXd7snuTRKpDH9TuFC4ds0gvbDERmQ/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" />
        </a>
    </p>
        </div>

        
<div class="post-archive">
    <ul class="post-copyright">
        <li><strong>原文作者：</strong><a rel="author" href="https://luckly.work/">luckly</a></li>
        <li style="word-break:break-all"><strong>原文链接：</strong><a href="https://luckly.work/post/dart/Dart_VM%E7%9A%84%E7%9B%B8%E5%85%B3%E7%AE%80%E4%BB%8B%E4%B8%8E%E8%BF%90%E8%A1%8C%E6%A8%A1%E5%BC%8F%E8%A7%A3%E6%9E%90/">https://luckly.work/post/dart/Dart_VM%E7%9A%84%E7%9B%B8%E5%85%B3%E7%AE%80%E4%BB%8B%E4%B8%8E%E8%BF%90%E8%A1%8C%E6%A8%A1%E5%BC%8F%E8%A7%A3%E6%9E%90/</a></li>
        <li><strong>版权声明：</strong>本作品采用<a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/">知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议</a>进行许可，非商业转载请注明出处（作者，原文链接），商业转载请联系作者获得授权。</li>
    </ul>
</div>
<br/>



        

<div class="post-archive">
    <h2>See Also</h2>
    <ul class="listing">
        
        <li><a href="/post/Flutter/Flutter%E4%B9%8B%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3Dart%E7%A9%BA%E5%AE%89%E5%85%A8/">《Flutter之深入理解Dart空安全》</a></li>
        
        <li><a href="/post/Flutter/Flutter%E4%B9%8BDart%E7%A9%BA%E5%AE%89%E5%85%A8%E6%A6%82%E8%A7%88/">《Flutter之Dart空安全概览》</a></li>
        
        <li><a href="/post/dart/dart%E4%B9%8BList%E7%9B%B8%E5%85%B3/">《Dart之List相关》</a></li>
        
        <li><a href="/post/Flutter/flutter%E6%96%87%E4%BB%B6%E4%B8%8B%E8%BD%BD%E5%99%A8/">《Flutter文件下载器》</a></li>
        
        <li><a href="/post/Flutter/%E5%9C%A8Flutter%E4%B8%AD%E7%9A%84Sliver/">《在Flutter中的Sliver》</a></li>
        
    </ul>
</div>


        <div class="post-meta meta-tags">
            
            <ul class="clearfix">
                
                <li><a href='/tags/Flutter'>Flutter</a></li>
                
                <li><a href='/tags/dart'>dart</a></li>
                
            </ul>
            
        </div>
    </article>
    
    

    
    
    <div class="post bg-white">
      <script src="https://utteranc.es/client.js"
            repo= "https://github.com/ITmxs/repo"
            issue-term="pathname"
            theme="github-light"
            crossorigin="anonymous"
            async>
      </script>
    </div>
    
</div>

                    <footer id="footer">
    <div>
        &copy; 2021 <a href="https://luckly.work/">早起的年轻人 By luckly</a>
        
        | <a rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">粤ICP备2021号-1</a>
        
    </div>
    <br />
    <div>
        <div class="github-badge">
            <a href="https://juejin.cn/user/3843548384077192" target="_black" rel="nofollow"><span class="badge-subject">Powered by</span><span class="badge-value bg-blue">掘金</span></a>
        </div>
        <div class="github-badge">
            <a href="https://space.bilibili.com/480883651" target="_black"><span class="badge-subject">Design by</span><span class="badge-value bg-brightgreen">早起的年轻人</span></a>
        </div>
        <div class="github-badge">
            <a href="https://cloud.tencent.com/developer/user/6702670" target="_black"><span class="badge-subject">Theme</span><span class="badge-value bg-yellowgreen">云社区</span></a>
        </div>
    </div>
</footer>


    
    <script type="text/javascript">
        window.MathJax = {
            tex2jax: {
                inlineMath: [['$', '$']],
                processEscapes: true
                }
            };
    </script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async></script><script src="https://cdn.bootcdn.net/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>

<a id="rocket" href="#top"></a>
<script type="text/javascript" src='/js/totop.js?v=0.0.0' async=""></script>



    <script type="text/javascript" src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js" async></script>




    <script src='/js/douban.js'></script>
    <script src="/js/copy-to-clipboard.js"></script>

                </div>

                <div id="secondary">
    <section class="widget">
        <form id="search" action='https://luckly.work/search/' method="get" accept-charset="utf-8" target="_blank" _lpchecked="1">
      
      <input type="text" name="q" maxlength="20" placeholder="Search">
      <input type="hidden" name="sitesearch" value="https://luckly.work/">
      <button type="submit" class="submit icon-search"></button>
</form>
    </section>
    
    <section class="widget">
        <h3 class="widget-title">最近文章</h3>
<ul class="widget-list">
    
    <li>
        <a href="https://luckly.work/post/nginx/nginx%E6%96%87%E4%BB%B6%E5%86%85%E5%AE%B9/" title="Nginx文件内容">Nginx文件内容</a>
    </li>
    
    <li>
        <a href="https://luckly.work/post/nginx/nginx%E6%9E%81%E7%AE%80%E6%95%99%E7%A8%8B/" title="Nginx极简教程">Nginx极简教程</a>
    </li>
    
    <li>
        <a href="https://luckly.work/post/nginx/%E5%8D%81%E5%88%86%E9%92%9F%E5%85%A5%E9%97%A8nginx/" title="十分钟入门Nginx">十分钟入门Nginx</a>
    </li>
    
    <li>
        <a href="https://luckly.work/post/go/Goland%E8%BF%9C%E7%A8%8B%E5%BC%80%E5%8F%91%E9%85%8D%E7%BD%AE/" title="Goland远程开发配置">Goland远程开发配置</a>
    </li>
    
    <li>
        <a href="https://luckly.work/post/%E8%AF%BB%E4%B9%A6/%E5%9F%9F%E5%90%8D%E8%A7%A3%E6%9E%90/" title="域名解析">域名解析</a>
    </li>
    
    <li>
        <a href="https://luckly.work/post/git/%E6%8F%90%E4%BA%A4%E8%BF%87%E7%A8%8B%E7%9C%81%E7%95%A5%E6%9F%90%E4%BA%9B%E6%96%87%E4%BB%B6/" title="提交过程省略某些文件">提交过程省略某些文件</a>
    </li>
    
    <li>
        <a href="https://luckly.work/post/flutter_tips/Flutter_DropdownButton%E7%A4%BA%E4%BE%8B/" title="Flutter_DropdownButton示例">Flutter_DropdownButton示例</a>
    </li>
    
    <li>
        <a href="https://luckly.work/post/flutter_tips/Flutter_ExpansionPanelList%E5%92%8CExpansionPanelList.radio%E7%A4%BA%E4%BE%8B/" title="Flutter_ExpansionPanelList和ExpansionPanelList">Flutter_ExpansionPanelList和ExpansionPanelList</a>
    </li>
    
    <li>
        <a href="https://luckly.work/post/flutter_tips/Flutter%E5%BE%AE%E4%BF%A1%E5%88%86%E4%BA%AB%E9%93%BE%E6%8E%A5%E8%B7%B3%E5%9B%9EApp%E6%8C%87%E5%AE%9A%E9%A1%B5%E9%9D%A2/" title="Flutter微信分享链接跳回App指定页面">Flutter微信分享链接跳回App指定页面</a>
    </li>
    
    <li>
        <a href="https://luckly.work/post/%E4%BF%A1%E6%81%AF%E7%B3%BB%E7%BB%9F/%E5%A4%96%E5%8C%85%E5%8F%AF%E8%83%BD%E7%9A%84%E9%97%AE%E9%A2%98/" title="外包可能的问题">外包可能的问题</a>
    </li>
    
</ul>
    </section>

    

    <section class="widget">
        <h3 class="widget-title"><a href='/categories/'>分类</a></h3>
<ul class="widget-list">
    
    <li><a href="https://luckly.work/categories/Flutter/">Flutter (326)</a></li>
    
    <li><a href="https://luckly.work/categories/IT/">IT (2)</a></li>
    
    <li><a href="https://luckly.work/categories/Kotlin/">Kotlin (2)</a></li>
    
    <li><a href="https://luckly.work/categories/Mysql/">Mysql (1)</a></li>
    
    <li><a href="https://luckly.work/categories/nginx/">nginx (1)</a></li>
    
    <li><a href="https://luckly.work/categories/Vue/">Vue (6)</a></li>
    
    <li><a href="https://luckly.work/categories/YouTube%E8%A7%86%E9%A2%91%E4%B8%8B%E8%BD%BD/">YouTube视频下载 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/android/">android (6)</a></li>
    
    <li><a href="https://luckly.work/categories/dart/">dart (96)</a></li>
    
    <li><a href="https://luckly.work/categories/Flutter/">Flutter (28)</a></li>
    
    <li><a href="https://luckly.work/categories/gin/">gin (25)</a></li>
    
    <li><a href="https://luckly.work/categories/git/">git (4)</a></li>
    
    <li><a href="https://luckly.work/categories/Go/">Go (102)</a></li>
    
    <li><a href="https://luckly.work/categories/gorm/">gorm (4)</a></li>
    
    <li><a href="https://luckly.work/categories/grpc/">grpc (1)</a></li>
    
    <li><a href="https://luckly.work/categories/html/">html (3)</a></li>
    
    <li><a href="https://luckly.work/categories/ios/">ios (1)</a></li>
    
    <li><a href="https://luckly.work/categories/linux/">linux (1)</a></li>
    
    <li><a href="https://luckly.work/categories/nginx/">nginx (6)</a></li>
    
    <li><a href="https://luckly.work/categories/python/">python (35)</a></li>
    
    <li><a href="https://luckly.work/categories/read/">读书笔记 (6)</a></li>
    
    <li><a href="https://luckly.work/categories/redis/">redis (2)</a></li>
    
    <li><a href="https://luckly.work/categories/%E4%B8%AA%E4%BA%BA%E8%B5%84%E6%96%99/">个人资料 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E4%B9%A6%E5%8D%95/">书单 (8)</a></li>
    
    <li><a href="https://luckly.work/categories/%E4%B9%A6%E8%AF%84/">书评 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E4%BF%A1%E6%81%AF%E7%B3%BB%E7%BB%9F%E7%AE%A1%E7%90%86%E5%B8%88/">信息系统管理师 (19)</a></li>
    
    <li><a href="https://luckly.work/categories/%E4%BF%A1%E6%81%AF%E7%B3%BB%E7%BB%9F%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86%E5%B8%88/">信息系统项目管理师 (25)</a></li>
    
    <li><a href="https://luckly.work/categories/%E5%8E%9F%E5%88%99/">原则 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E5%8E%9F%E7%94%9F%E9%80%9A%E8%AE%AF/">原生通讯 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E5%9F%BA%E7%A1%80/">基础 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E5%A4%8D%E5%88%A9%E6%95%88%E5%BA%94/">复利效应 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E5%AE%89%E8%A3%85%E6%95%99%E7%A8%8B/">安装教程 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E5%B0%91%E6%9C%89%E4%BA%BA%E8%B5%B0%E7%9A%84%E8%B7%AF/">少有人走的路 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E5%BF%83%E8%AF%AD/">心语 (3)</a></li>
    
    <li><a href="https://luckly.work/categories/%E6%8F%92%E4%BB%B6/">插件 (2)</a></li>
    
    <li><a href="https://luckly.work/categories/%E6%95%99%E5%AD%A6/">教学 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E7%8E%8B%E9%98%B3%E6%98%8E/">王阳明 (3)</a></li>
    
    <li><a href="https://luckly.work/categories/%E7%94%B5%E5%AD%90%E4%B9%A6/">电子书 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E7%99%BB%E9%99%86%E8%A1%A8%E5%8D%95/">登陆表单 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E7%A8%BB%E7%9B%9B%E5%92%8C%E5%A4%AB/">稻盛和夫 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E7%A9%B7%E7%88%B8%E7%88%B8%E5%AF%8C%E7%88%B8%E7%88%B8/">穷爸爸富爸爸 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E7%B2%BE%E8%BF%9B/">精进 (3)</a></li>
    
    <li><a href="https://luckly.work/categories/%E7%BC%96%E7%A8%8B/">编程 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E8%99%9A%E5%B9%BB/">虚幻 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E8%B4%A2%E5%8A%A1%E8%87%AA%E7%94%B1%E4%B9%8B%E8%B7%AF/">财务自由之路 (2)</a></li>
    
    <li><a href="https://luckly.work/categories/%E8%B7%91%E6%AD%A5/">跑步 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E8%B7%AF%E7%94%B1%E4%BC%A0%E5%8F%82/">路由传参 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E8%B7%AF%E7%BA%BF/">路线 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E8%BD%AF%E4%BB%B6%E5%AE%9E%E6%96%BD/">软件实施 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E9%98%B3%E6%98%8E%E5%BF%83%E5%AD%A6/">阳明心学 (3)</a></li>
    
    <li><a href="https://luckly.work/categories/%E9%A1%B9%E7%9B%AE/">项目 (1)</a></li>
    
    <li><a href="https://luckly.work/categories/%E9%AD%85%E5%8A%9B/">魅力 (1)</a></li>
    
</ul>
    </section>

    <section class="widget">
        <h3 class="widget-title"><a href='/tags/'>标签</a></h3>
<div class="tagcloud">
    
    <a href="https://luckly.work/tags/flutter/">flutter</a>
    
    <a href="https://luckly.work/tags/IT/">IT</a>
    
    <a href="https://luckly.work/tags/Kotlin/">Kotlin</a>
    
    <a href="https://luckly.work/tags/Mysql/">Mysql</a>
    
    <a href="https://luckly.work/tags/nginx/">nginx</a>
    
    <a href="https://luckly.work/tags/Vue/">Vue</a>
    
    <a href="https://luckly.work/tags/YouTube%E8%A7%86%E9%A2%91%E4%B8%8B%E8%BD%BD/">YouTube视频下载</a>
    
    <a href="https://luckly.work/tags/android/">android</a>
    
    <a href="https://luckly.work/tags/dart/">dart</a>
    
    <a href="https://luckly.work/tags/flutter/">flutter</a>
    
    <a href="https://luckly.work/tags/gin/">gin</a>
    
    <a href="https://luckly.work/tags/git/">git</a>
    
    <a href="https://luckly.work/tags/go/">go</a>
    
    <a href="https://luckly.work/tags/gorm/">gorm</a>
    
    <a href="https://luckly.work/tags/grpc/">grpc</a>
    
    <a href="https://luckly.work/tags/html/">html</a>
    
    <a href="https://luckly.work/tags/ios/">ios</a>
    
    <a href="https://luckly.work/tags/linux/">linux</a>
    
    <a href="https://luckly.work/tags/nginx/">nginx</a>
    
    <a href="https://luckly.work/tags/python/">python</a>
    
    <a href="https://luckly.work/tags/redis/">redis</a>
    
    <a href="https://luckly.work/tags/%E4%B8%AA%E4%BA%BA%E8%B5%84%E6%96%99/">个人资料</a>
    
    <a href="https://luckly.work/tags/%E4%B9%A6%E5%8D%95/">书单</a>
    
    <a href="https://luckly.work/tags/%E4%B9%A6%E8%AF%84/">书评</a>
    
    <a href="https://luckly.work/tags/%E4%BF%A1%E6%81%AF%E7%B3%BB%E7%BB%9F%E7%AE%A1%E7%90%86%E5%B8%88/">信息系统管理师</a>
    
    <a href="https://luckly.work/tags/%E4%BF%A1%E6%81%AF%E7%B3%BB%E7%BB%9F%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86%E5%B8%88/">信息系统项目管理师</a>
    
    <a href="https://luckly.work/tags/%E5%85%A5%E9%97%A8/">入门</a>
    
    <a href="https://luckly.work/tags/%E5%8E%9F%E5%88%99/">原则</a>
    
    <a href="https://luckly.work/tags/%E5%8E%9F%E7%94%9F%E9%80%9A%E8%AE%AF/">原生通讯</a>
    
    <a href="https://luckly.work/tags/%E5%9F%BA%E7%A1%80/">基础</a>
    
    <a href="https://luckly.work/tags/%E5%A4%8D%E5%88%A9%E6%95%88%E5%BA%94/">复利效应</a>
    
    <a href="https://luckly.work/tags/%E5%AE%89%E8%A3%85%E6%95%99%E7%A8%8B/">安装教程</a>
    
    <a href="https://luckly.work/tags/%E5%B0%91%E6%9C%89%E4%BA%BA%E8%B5%B0%E7%9A%84%E8%B7%AF/">少有人走的路</a>
    
    <a href="https://luckly.work/tags/%E5%BF%83%E8%AF%AD/">心语</a>
    
    <a href="https://luckly.work/tags/%E6%8F%92%E4%BB%B6/">插件</a>
    
    <a href="https://luckly.work/tags/%E6%95%99%E5%AD%A6/">教学</a>
    
    <a href="https://luckly.work/tags/%E7%8E%8B%E9%98%B3%E6%98%8E/">王阳明</a>
    
    <a href="https://luckly.work/tags/%E7%94%B5%E5%AD%90%E4%B9%A6/">电子书</a>
    
    <a href="https://luckly.work/tags/%E7%99%BB%E9%99%86%E8%A1%A8%E5%8D%95/">登陆表单</a>
    
    <a href="https://luckly.work/tags/%E7%A8%BB%E7%9B%9B%E5%92%8C%E5%A4%AB/">稻盛和夫</a>
    
    <a href="https://luckly.work/tags/%E7%A9%B7%E7%88%B8%E7%88%B8%E5%AF%8C%E7%88%B8%E7%88%B8/">穷爸爸富爸爸</a>
    
    <a href="https://luckly.work/tags/%E7%B2%BE%E8%BF%9B/">精进</a>
    
    <a href="https://luckly.work/tags/%E7%BC%96%E7%A8%8B/">编程</a>
    
    <a href="https://luckly.work/tags/%E8%99%9A%E5%B9%BB/">虚幻</a>
    
    <a href="https://luckly.work/tags/%E8%AF%97/">诗</a>
    
    <a href="https://luckly.work/tags/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/">读书笔记</a>
    
    <a href="https://luckly.work/tags/%E8%B4%A2%E5%8A%A1%E8%87%AA%E7%94%B1%E4%B9%8B%E8%B7%AF/">财务自由之路</a>
    
    <a href="https://luckly.work/tags/%E8%B7%91%E6%AD%A5/">跑步</a>
    
    <a href="https://luckly.work/tags/%E8%B7%AF%E7%94%B1%E4%BC%A0%E5%8F%82/">路由传参</a>
    
    <a href="https://luckly.work/tags/%E8%B7%AF%E7%BA%BF/">路线</a>
    
    <a href="https://luckly.work/tags/%E8%BD%AF%E4%BB%B6%E5%AE%9E%E6%96%BD/">软件实施</a>
    
    <a href="https://luckly.work/tags/%E9%80%9A%E8%AE%AF%E5%BD%95/">通讯录</a>
    
    <a href="https://luckly.work/tags/%E9%98%B3%E6%98%8E%E5%BF%83%E5%AD%A6/">阳明心学</a>
    
    <a href="https://luckly.work/tags/%E9%A1%B9%E7%9B%AE/">项目</a>
    
    <a href="https://luckly.work/tags/%E9%AD%85%E5%8A%9B/">魅力</a>
    
</div>
    </section>

    
<section class="widget">
    <h3 class="widget-title">友情链接</h3>
    <ul class="widget-list">
        
        <li>
            <a target="_blank" href="http://www.topgoer.com/" title="枯藤">枯藤</a>
        </li>
        
        <li>
            <a target="_blank" href="https://gorm.cn/zh_CN/docs/index.html" title="gorm">gorm</a>
        </li>
        
        <li>
            <a target="_blank" href="https://docs.python.org/zh-cn/3/tutorial/index.html" title="python">python</a>
        </li>
        
        <li>
            <a target="_blank" href="https://www.liwenzhou.com/" title="李文周">李文周的博客</a>
        </li>
        
        <li>
            <a target="_blank" href="http://www.xbzweb.com/" title="小包子的博客">小包子的博客</a>
        </li>
        
        <li>
            <a target="_blank" href="https://www.flysnow.org/" title="飞雪无情的博客">飞雪无情的博客</a>
        </li>
        
        <li>
            <a target="_blank" href="https://sliverhorn.com/" title="sliverhorn的博客">sliverhorn的博客</a>
        </li>
        
        <li>
            <a target="_blank" href="http://yuedu.baidu.com/ebook/14a722970740be1e640e9a3e" title="Android Gradle权威指南">Android Gradle权威指南</a>
        </li>
        
        <li>
            <a target="_blank" href="https://gesdh.cn/" title="小格子">格子导航</a>
        </li>
        
        <li>
            <a target="_blank" href="https://itachi.xyz/" title="阿林">itachi&#39;s Blog</a>
        </li>
        
        <li>
            <a target="_blank" href="https://darjun.github.io/" title="大俊">大俊Blog</a>
        </li>
        
        <li>
            <a target="_blank" href="https://geektutu.com/post/quick-golang.html" title="极客兔兔">极客兔兔Blog</a>
        </li>
        
        <li>
            <a target="_blank" href="http://zxfcumtcs.github.io/" title="赵雪峰">雪峰Blog</a>
        </li>
        
    </ul>
</section>


    <section class="widget">
        <h3 class="widget-title">其它</h3>
        <ul class="widget-list">
            <li><a href="https://luckly.work/index.xml">文章 RSS</a></li>
        </ul>
    </section>
</div>
            </div>
        </div>
    </div>
</body>

</html>